<template>
    <a-layout class="layout">
        <SideBar></SideBar>
        <a-layout>
            <NavBar></NavBar>
            <a-layout-content class="mar15 pad15" :style="{ background: '#fff' }">
                <router-view></router-view>
            </a-layout-content>
        </a-layout>
    </a-layout>
</template>

<script setup>
    import { SideBar } from '~com'
    import { NavBar } from '~com'
</script>

<style lang="scss" scoped>
    .layout {
        height: 100vh;
        width: 100vw;
    }
</style>